@import "~common/less/var";

.transition{
  .transRowBox{
    padding: 7.5px;
    .transRow{
      display: flex;
      height: 28.5px;
      line-height: 28.5px;
      border: 1px solid #d9d9d9;
      .cell{
        padding: 0 7.5px;
        &.type{
          border-right: 1px solid #d9d9d9;
          background: #f4f4f4;
        }
        &.value{
          width: 135px;
          cursor: pointer;
        }
      }
    }
  }
}

.nonsupport{
  padding: 7.5px;
}

.popover {
  position: absolute;
  z-index: @z-index-100;
  background: #ffffff;
  box-shadow: 0 0 6px 0 rgba(200, 200, 200, 0.50);
  display: flex;
  flex-direction: row;
  .typeBox{
    padding: 5px 5px;
    .typeRow{
      padding: 4px 8px;
      cursor: pointer;
      &:hover{
        background: #e7e7e7;
      }
      &.select{
        background: #ccc;
      }
    }
  }
}
